window.onload=function(){
let lis =document.querySelectorAll(".cenner>.wrap>.Submenu>.navbox>li");
               for(let i=0;i<lis.length;i++){
    lis[i].onmouseenter=function(){
        this.className="active"
    }
    lis[i].onmouseleave=function(){
        this.className=""
    }
}
    let as=document.querySelectorAll(".cenner>.wrap>.lun>.btns a");
    let imgs=document.querySelectorAll(".cenner>.wrap>.lun>.imgs img");
    let luns=document.querySelector(".cenner>.wrap>.lun");
    let leftbtn=document.querySelector(".leftbtn");
    let rightbtn=document.querySelector(".rightbtn");
    let index = 0  ;
    let timerId=null;
    // 右箭头设置
rightbtn.addEventListener("click",function(){
    index++;
    if(index==as.length){
        index=0;
    }
    play(index);
})
leftbtn.addEventListener("click",function(){
    index--;
    if(index<0){
        index=as.length-1;
    }
    play(index);
})
    // 鼠标进入大盒子，要清除定时器
luns.addEventListener("mouseenter",function(){
    // 清除定时器
    clearInterval(timerId);
})
// 鼠标离开大盒子，定时器重新启动
luns.addEventListener("mouseleave",function(){
    timerId=setInterval(function(){
        index++;
        if(index==as.length){
            index=0;
        }
        play(index);
        
    },1000)
})
    // 为a标签添加事件
    for(let i=0; i<as.length;i++){
       as[i].addEventListener("mouseenter",function(){
           index=i;   
           play(i);
       })
    }
    // 定时器
    timerId=setInterval(function(){
        index++;
        if(index==as.length){
            index=0;
        }
        play(index);
        
    },1000)
    function play(i){
        for(let j=0;j<as.length;j++){
                 as[j].className="";
                 imgs[j].className="";

                }
                as[i].className="on";
                imgs[i].className="current";
    }
// 选项卡
// function lunbo(selector,boxh ,w,h,cw,ch,rds ){

//     $(selector).slidebox({
//       boxh: boxh||450,//盒子的高度
//       w: w||970,//图片的宽度
//       h: h||450,//图片的高度
//       isShow: true,//是否显示控制器
//       isShowBtn: true,//是否显示左右按钮
//       controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
//       controlsW: cw||12,//控制按钮宽度
//       controlsH: ch||12,//控制按钮高度
//       radius: rds||6//控制按钮圆角度数
//   });  
//   }
// lunbo();
$(function (){
    $(".slider").slidebox({
        boxh: 340,//盒子的高度
        w: 430,//图片的宽度
        h:  340,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
 }